.layui-layer {
  border-radius:$bor-radius-dia !important;
  overflow: hidden;
  .button {
    border:1px solid $bor-radius-dia;
  }
}

.dialog {
  background: #fff;
  .codeBox {
    width: 200px;
    height: 225px;
    border-radius:$bor-radius-dia;
    box-shadow: 4px 4px 11px rgba(0,0,0,0.12),-4px -4px 11px rgba(0,0,0,0.12);
    margin: 10px auto 0 auto;
    padding: 22px;
    .codeImg {
      width: 100%;
      height: 156px;
    }
    .code-name {
      height: 38px;
      line-height: 38px;
      text-align: center;
    }
  }
  .label {
    width: 47px;
    height: 100%;
    float: left;
    font-size: 23px;
    line-height: 47px;
    text-align: center;
    color:$text-grey;
  }
  .tip-info {
    height: 46px;
    text-align: center;
    background: $tip-bg-color;
    color:$color-primary;
    line-height: 46px;
    margin-bottom: 40px;
  }
  .policy {
    text-align: center;
    padding-top: 27px;
    color:#bfbfbf;
    a {
      color:#bfbfbf;
    }
  }
  .inputBox {
    width: 364px;
    margin: 0 auto;
    &.inputBoxM {
      width: 384px;
      .dd.clearfix {
        width: 375px !important;
      }
    }
    .dl {
      .dt {
        float: left;
        width: 87px;
        padding-top: 8px;
        text-align: right;
        padding-right: 5px;
      }
      .dd {
        float: left;
        width: 275px;
        .ddChid {
          float: left;
          max-width: 200px;
        }
      }
      margin-bottom: 20px;
    }
    .inputItem {
      height: 47px;
      border-radius: 10px;
      border: 1px solid #d9d9d9;
      margin-bottom: 20px;
      input {
        height: 100%;
        border: none;
        width: 300px;
        float: left;
      }
      input::placeholder {
        color:#a6a6a6;
      }
    }
    .inputItem-type2 {
      overflow: hidden;
      margin-bottom: 20px;
      .inputItem-type2-left {
        border-radius: 10px;
        border: 1px solid #d9d9d9;
        float:left;
        width: 200px;
        height: 47px;
        .label {
          width: 47px;
          height: 100%;
          float: left;
        }
        input {
          height: 100%;
          border: none;
          width: 100px;
          float: left;
        }
      }
      .inputItem-type2-right {
        float:right;
        width: 130px;
        height: 47px;
        line-height: 47px;
        background: $color-primary;
        color:#fff;
        text-align: center;
        border-radius: $bor-radius-dia2;
        cursor: pointer;
      }
    }
  }
  .tipBox {
    overflow: hidden;
    width: 363px;
    margin: -4px auto 0 auto;
    .tipLeft {
      float: left;
    }
    .tipRight {
      float: right;
    }

  }

  .loginBtnBox {
    padding-top: 30px;
    .loginBtn {
      margin: 0 auto;
      display: block;
      border: none;
      width: 364px;
      height: 46px;
      line-height: 46px;
      background: $color-primary;
      color:#fff;
      font-size: 16px;
      text-align: center;
      letter-spacing: 3px;
      border-radius: $bor-radius-dia2;
      &.duan {
        width: 224px;
      }
    }
  }
}

.dialogBtn {
  text-align: center;
  padding-top: 10px;
  .btn {
    margin: 0 15px;
    display: inline-block;
    height: 34px;
    line-height: 31px;
    width: 108px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    border:1px solid $color-main-gray;
    .iconfont {
      color:$color-primary;
      font-size: 18px;
      position: relative;
      top:1px;
    }
  }
}

.line-text {
  text-align: center;
  padding: 20px 0;
  width:100%;
  .text {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    bottom: -4px;
    color:#bfbfbf;
  }
  .Line {
    display: inline-block;
    width: 124px;
    height: 1px;
    background: $color-main-gray;
  }
}

body .layui-input:focus { border-color: $color-primary !important;}
body .layui-form-select dl dd.layui-this { color: $color-primary;}
body .layui-form-select .layui-input, body .layui-input{border-radius: $bor-radius-input;}
body .layui-form-radioed, .layui-form-radioed > i {color:$color-primary;}
body .layui-form-radioed, body .layui-form-radioed > i, body .layui-form-radio:hover > * {
  color:$color-primary;
}







